<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#nav{
			/* 	height: 9px; */
				background-color: greenyellow;
			}
			div.f {
				height: 100px;
				width: 97px;
				border: 1px solid red;
				float: right;
				text-align: center;
				line-height: 100px;
			}

			#d1 {
				/* height: 200px; */
			}

			/* #d9{
				clear: both;
			} */
			h1#t {
				border: 1px solid blue;
				clear: both;
				background-color: yellow;
			}
		</style>
	</head>
	<body>
		<div id="nav">
			<div class="f">1</div>
			<div class="f">2</div>
			<div class="f">3</div>
			<div class="f">4</div>
			<div class="f">5</div>
			<div class="f">6</div>
			<div class="f">7</div>
			<div class="f">8</div>
			<div class="f">9</div>
			<div class="f" id="d9">9</div>
			 
		</div>
		<div>
			We change lives
		</div>
		<h1 id="t">
			We change lives
		</h1>
		<p>
			教育改变生活
		</p>
	</body>
</html>
